<template>
  <div class="instrument">
    <el-row :gutter="16">
      <el-col :span="20">
        <!-- 实时数据 -->
        <realtime />
        <!-- ai互动工具 -->
        <instrument />
        <!-- 最近浏览 -->
        <browse />
      </el-col>
      <el-col :span="4">
        <!-- 右侧 -->
        <rightnav />
      </el-col>
    </el-row>
  </div>
</template>

<script>
import realtime from './components/realtime.vue'
import instrument from './components/instrument.vue'
import browse from './components/browse'
import rightnav from './components/rightnav'
export default {
  components:{realtime,instrument,browse,rightnav},
  data() {
    return {
    };
  },
  methods: {
  }
};
</script>

<style scoped lang="scss">
.el-row {
    margin-bottom: 20px;
    &:last-child {
      margin-bottom: 0;
    }
  }
  .el-col {
    border-radius: 4px;
  }
</style>
